import Image from "next/image";

export default function Home() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-semibold mb-4">首页</h1>
      <div className="bg-white rounded-lg shadow p-6">
        <p className="text-gray-700">
          欢迎使用本系统，这是一个具有左侧菜单和标签页管理的Next.js应用。请点击左侧菜单访问不同的功能页面。
        </p>
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-6">
          <div className="bg-blue-50 p-4 rounded-lg border border-blue-100">
            <h3 className="font-medium text-blue-800">用户管理</h3>
            <p className="text-sm text-blue-600 mt-1">管理系统用户信息</p>
          </div>
          <div className="bg-green-50 p-4 rounded-lg border border-green-100">
            <h3 className="font-medium text-green-800">产品管理</h3>
            <p className="text-sm text-green-600 mt-1">管理系统产品信息</p>
          </div>
          <div className="bg-purple-50 p-4 rounded-lg border border-purple-100">
            <h3 className="font-medium text-purple-800">订单管理</h3>
            <p className="text-sm text-purple-600 mt-1">管理系统订单信息</p>
          </div>
        </div>
      </div>
    </div>
  );
}
